<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="{$module_path}/assets/css/autocomplete.min.css">
    <link rel="stylesheet" type="text/css" href="{$module_path}/assets/css/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="{$module_path}/assets/css/style.css">
    <script src="{$module_path}/assets/js/jquery-3.0.0.min.js"></script>
    <script src="{$module_path}/assets/js/semantic.min.js"></script>
    <script src="{$module_path}/assets/js/jquery.autocomplete.min.js"></script>
    <script>
        var STORE_LIST = {$store_list};
    </script>
</head>
<body>
<h2 id="task-title" class="ui horizontal divider header">冰川时代5</h2>
<div class="main">
    <h3 class="ui header">您好: {$realname}</h3>
    <div class="ui error message error-info" style="display: none"></div>

    <form id="task" class="ui form" method="post" action="{AnUrl('glacial_era/upload')}">
        <div class="field js-store">
            <label>门店名称</label>
            <input id="store_address" type="text" name="store_name" placeholder="输入门店名自动匹配">
        </div>
        <div class="field js-image">
            <label>选择图片上传</label>
            <input name="image" type="file" accept="image/png,image/jpg,image/jpeg"/>
        </div>
        <input type="hidden" name="store_id">
        <input type="hidden" name="image_data">
        <button id="upload" class="ui primary button">确认上传</button>
    </form>

    <h4 class="rules-title">任务规则</h4>
    <ol class="rules">
        <li>所传照片必须和门店相对应，如果在列表中没有找到对应门店，请在APP中完成签约；</li>
        <li>所传照片需清晰符合标准，不合格的照片不会计入任务总数；</li>
        <li>如存在作弊行为（例如一图多用、内容经技术处理等）将取消活动资格；</li>
        <li>仅支持从相册中选择图片上传，请先拍好照片再上传；</li>
        <li>最终完成时间以最后一张合格照片上传时间为准；</li>
    </ol>
</div>
<script type="text/javascript" src="{$module_path}/assets/js/task.js"></script>
</body>
</html>